<template>
    <van-cell>
      <van-image
        slot="icon"
        round
        width="30"
        height="30"
        style="margin-right: 10px;"
        src="https://img.yzcdn.cn/vant/cat.jpeg"
      />
      <span style="color: #466b9d;" slot="title">{{commentObj.aut_name}}</span>
      <div slot="label">
        <p style="color: #363636;">{{commentObj.content}}</p>
        <p>
          <span style="margin-right: 10px;">{{commentObj.pubdate | relativeTime}}</span>
          <van-button size="mini" type="default">回复</van-button>
        </p>
      </div>
      <van-icon slot="right-icon" name="like-o" />
    </van-cell>
</template>

<script>
export default {
  name: 'CommentItem',
  props: {
    commentObj: {
      type: Object,
      required: true
    }
  }
}
</script>

<style lang="less" scoped>

</style>
